<!--
亲爱的陌生人，罗翔老师这段话送给迷茫的你：
“对于可控的事情要保持谨慎，对于不可控的事情要保持乐观，人只能做自己能力范围内的事情，更要接受这个事实，并且以乐观的心去应对这一切。” ​ ​​​
 -->
<!-- ⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣀⡀⠀⠀⣀⡀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⢸⣿⣿⣿⠀⣼⣿⣿⣦⡀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⠀⠀⠀⠀⢸⣿⣿⡟⢰⣿⣿⣿⠟⠁⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⢰⣿⠿⢿⣦⣀⠀⠘⠛⠛⠃⠸⠿⠟⣫⣴⣶⣾⡆⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠸⣿⡀⠀⠉⢿⣦⡀⠀⠀⠀⠀⠀⠀⠛⠿⠿⣿⠃⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠙⢿⣦⠀⠀⠹⣿⣶⡾⠛⠛⢷⣦⣄⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣿⣧⠀⠀⠈⠉⣀⡀⠀⠀⠙⢿⡇⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⢀⣠⣴⡿⠟⠋⠀⠀⢠⣾⠟⠃⠀⠀⠀⢸⣿⡆⠀⠀⠀⠀⠀
⠀⠀⠀⠀⢀⣠⣶⡿⠛⠉⠀⠀⠀⠀⠀⣾⡇ 加油! ⢸⣿⠇⠀⠀⠀⠀⠀
⠀⢀⣠⣾⠿⠛⠁⠀⠀⠀⠀⠀⠀⠀⢀⣼⣧⣀⠀⠀⠀⢀⣼⠇⠀⠀⠀⠀⠀⠀
⠀⠈⠋⠁⠀⠀⠀⠀⠀⠀⠀⠀⢀⣴⡿⠋⠙⠛⠛⠛⠛⠛⠁⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⣀⣾⡿⠋⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀⠀
⠀⠀⠀⠀⠀⠀⠀⠀⠀⢾⠿⠋ -->
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,IE=11,IE=10,IE=9,IE=8">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="../style/img/favicon.ico" mce_href="../style/img/favicon.ico" type="image/x-icon">

    <title>好看的国产剧,最新国产剧,经典国产剧,国语国产剧电影-三岁影视</title>

    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <!-- <link href="../../assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet"> -->


    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->


    <link rel="stylesheet" href="../style/css/me.css"/>
    <link rel="stylesheet" href="../style/js/css/layui.css" media="all">
    <link rel="stylesheet" href="../style/css/auto.css"/>
    <link rel="stylesheet" href="../style/css/fakeLoader.min.css">

    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
          integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap-theme.min.css"
          integrity="sha384-6pzBo3FDv/PJ8r2KRkGHifhEocL+1X2rVCTTkUfGk7/0pbek5mMa1upzvWbrUbOZ" crossorigin="anonymous">
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
            integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous">
    </script>

    <style>
        @media print {
            .container {
                width: auto;
            }
        }


        #header_color {
            height: 70px;
        }

        #u2_btn_sy,
        #u2_btn_dy,
        #u2_btn_dsj,
        #u2_btn_zy,
        #u2_btn_dm {
            color: #FFFFFF;
            background-color: transparent;
            border-width: 0rem;
        }

        .type {
            background-color: rgba(232, 242, 254, 1);
            width: 132px;
            height: 99px;
            border-radius: 5px;
            font-family: 'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;
            font-weight: 700;
            font-style: normal;
            font-size: 20px;
            color: #257CFF;
            cursor: pointer;
            margin: 0px 0px 0px 35px;
            text-align: center;
            line-height: 95px;
        }

        .type:hover {
            color: #FFFFFF;
            background-color: #257CFF;
            -webkit-box-shadow: #257CFF 0px 0px 20px;
            -moz-box-shadow: #257CFF 0px 0px 20px;
            box-shadow: #257CFF 0px 0px 20px;
        }


        #u2_btn_dsj {
            background-color: #385AEB;
        }
    </style>
</head>

<body>
<!-- 头部 -->
<div class="fakeloader"></div>
<div class="m-mobile-hide">
    <nav class="navbar navbar-default navbar-static-top">
        <div class="container" id="header_color">
            <div class="row">
                <div class="col-md-3">
                    <div class="navbar-header" style="margin-top: -15px;float: right;">
                        <!-- logo -->
                        <span>
									<a class="" href="#" id="title_logo">
										<img alt="Brand" src="../style/img/u1.png">
									</a>
									<img class="" id="title_img" src="../style/img/u2.svg"/>
                            <!-- 标题 -->
									<p class="" id="title">三岁影视</p>
								</span>
                    </div>
                </div>
                <div class="col-md-4">
                    <div id="u2_btn">
                        <a type="button" href="../index.html" id="u2_btn_sy">首页</a>
                        <a type="button" href="dianying.html" id="u2_btn_dy">电影</a>
                        <a type="button" href="dianshiju.html" id="u2_btn_dsj">电视剧</a>
                        <a type="button" href="zongyi.html" id="u2_btn_zy">综艺</a>
                        <a type="button" href="dongman.html" id="u2_btn_dm">动漫</a>
                    </div>
                </div>

                <div class="col-md-5">
                    <!-- 搜索框 -->
                    <div id="u2_search">
                        <div class="layui-input-inline">
                            <input type="text" id="search_input" style="color: #FFFFFF;" required
                                   lay-verify="required" placeholder="大人想搜点什么？" autocomplete="off"
                                   class="layui-input">
                        </div>
                        <button type="submit" id="search_input_btn" style="color: #FFFFFF;"
                                class="btn btn-default">搜索
                        </button>
                    </div>
                </div>
            </div>

        </div>
    </nav>

    <!-- 内容部分 -->

    <!-- 分类显示部分，因为接口未区分电影分类，故此功能只用于显示 -->
    <div class="container">
        <div class="row">

            <div class="col-md-2">
                <div class="type" id="guochan">
                    <p class="type_title" value="国产">国产剧</p>
                </div>
            </div>
            <div class="col-md-2">
                <div class="type" id="oumei">
                    <p class="type_title" value="欧美">欧美剧</p>
                </div>
            </div>
            <div class="col-md-2">
                <div class="type" id="hanju">
                    <p class="type_title" value="韩国">韩剧</p>
                </div>
            </div>
            <div class="col-md-2">
                <div class="type" id="riju">
                    <p class="type_title" value="日本">日剧</p>
                </div>
            </div>
            <div class="col-md-2">
                <div class="type" id="gangtai">
                    <p class="type_title" value="香港">港台剧</p>
                </div>
            </div>
            <div class="col-md-2">
                <div class="type" id="haiwai">
                    <p class="type_title" value="海外剧">海外剧</p>
                </div>
            </div>
        </div>

    </div>


    <div class="container">
        <div class="u3_div">

            <!-- 内容部分 -->
            <div class="row">
                <div class="col-md-12">
                    <span class="label label-primary u3_div_title">热门剧集</span>
                </div>
            </div>

            <div class="row u3_div_mov">
                <!-- <div class="col-md-3">
                <div class="thumbnail">
                    <img src="https://ae01.alicdn.com/kf/HTB1s6j_Xrys3KVjSZFn760FzpXaA.png" alt="图片正在赶来的路上..."
                        onclick="javascript:location.href='./index.html'" class="u3_div_img">
                    <div class="caption">
                        <a href="#" class="u3_div_text">向往的生活 第五季</a>
                        <p id="u3_div_text_p">更新至20210521
                        <p>
                    </div>
                </div>
            </div> -->
            </div>

        </div>
    </div>


    <!-- <footer><p>&copy; 2016 Company, Inc.</p></footer> -->
    <div class="layui-footer footer footer-doc">
        <hr>
        <div class="layui-container">
            <div class="site-union" align="left">
                <p class="site-union-desc footer_youlian">
							<span id="">
								友情链接:
							</span>&nbsp;
                    <span>
								<a href="https://cloud.tencent.com/" target="_blank">腾讯云</a>
								&nbsp;|&nbsp;
								<a href="http://www.baidu.com" target="_blank">百度</a>
							</span>
                </p>
            </div>

            <div align="center" id="footer_gy">
                <p><span>本站所有视频和图片均来自互联网收集而来，版权归原创者所有，本网站只提供web页面服务，并不提供资源存储，也不参与录制、上传</span></p>
                <p><span>若本站收录的节目无意侵犯了贵司版权，请发邮件至1578393930@qq.com （我们会在3个工作日内删除侵权内容，谢谢。）</span></p>
                <p>&copy; 2021 <a href="#三岁影视" style="text-decoration: none;">三岁影视</a>&nbsp;&nbsp;&nbsp;
                    <a href="https://beian.miit.gov.cn/" target="_blank" style="text-decoration: none;">备案号</a>
                </p>
                <a href='https://gitee.com/wyq517/sansui-movies/stargazers'><img
                        src='https://gitee.com/wyq517/sansui-movies/badge/star.svg?theme=dark'
                        alt='star'></img></a>

            </div>
        </div>
    </div>
</div>

<div class="m-mobile-show" style="display: none;">
    <iframe marginwidth=0 marginheight=0 width="100%" height=850px src="../m/index.html"
            frameborder="no"></iframe>
</div>


<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> -->
<script src="../style/js/fakeLoader.min.js"></script>
<script>
    //加载事件

    // $(document).ready(function() {
    // 	$.fakeLoader({
    // 		timeToHide: 1200,
    // 		bgColor: "#55007f",
    // 		spinner: "spinner7"
    //         // imagePath:"yourPath/customizedImage.gif" //也可以加入gif加载图片
    // 	});
    // });


    //加载完成事件

    $(window).on('load', function () {
        $.fakeLoader({
            timeToHide: 1200,
            bgColor: "#55007f",
            spinner: "spinner4"
        });
    });
</script>
<div class="fakeLoader"></div>
<script src="../style/js/jquery.params.js"></script>
<script src="../style/js/me.js"></script>
<script src="../style/js/mov.js"></script>
<script src="../style/js/layui.js" charset="utf-8"></script>
<script src="https://cdn.jsdelivr.net/gh/hei-jack/heigobacktop@V1.0.1/dist/heigobacktop.min.js"></script>


<script>
    let example = new HeiGoBackTop(2);

    example.onBeforeCreate(function () {
        // 设置主题
        this.themes = 3;
        // 设置移动速度
        this.speed = 40;
        // 设置按钮样式
        this.width = "80px"

    });

    $(function () {

        var title = $.query.get("title_value");
        var page = $.query.get("page");
		type_color(title);

        if(title == ""){
        	movsData = get_Movs(13);
        	for(i=0;i<movsData.length;i++){
        		// console.log(movsData[i])
        		vod_name = movsData[i].vod_name;
        		//影视更新集数
        		vod_remarks = movsData[i].vod_remarks;
        		//影视数据id
        		vod_id = movsData[i].vod_id;
        		//类别id
        		type_id = movsData[i].type_id;
        		//类别名称
        		type_name = movsData[i].type_name;
        		//获取剧集详细信息
        		infoData = get_info(vod_id);
        		//封面信息
        		vod_pic = infoData.vod_pic;

        		var div_str = '<div class="col-md-3">' +
        				'<div class="thumbnail">' +
        				'<img src="'+vod_pic+'" typeid="'+type_id+'" vodid="'+vod_id+'" onclick="get_info_jump(this)" alt="图片正在赶来的路上..."' +
        				'title="'+vod_name+'"class="u3_div_img" ><div class="caption">' +
        				'<a onclick="get_info_jump(this)" typeid="'+type_id+'" vodid="'+vod_id+'" class="u3_div_text" title="' + vod_name +'"><p class="layui-elip">'+vod_name+'</p></a>' +
        				'<p class="u3_div_text_p">' + vod_remarks + '</p>' +
        				'</div>' + '</div>' + '</div>'

        		$(".u3_div_mov").append(div_str);

        	}
        }else{
        	type_id = get_type_id(title)
        	movs = get_Movs(type_id,page)
        	// console.log(movs)

			for(i=0;i<movs.length;i++){
				// console.log(movsData[i])
				vod_name = movs[i].vod_name;
				//影视更新集数
				vod_remarks = movs[i].vod_remarks;
				//影视数据id
				vod_id = movs[i].vod_id;
				//类别id
				type_id = movs[i].type_id;
				//类别名称
				type_name = movs[i].type_name;
				//获取剧集详细信息
				infoData = get_info(vod_id);
				//封面信息
				vod_pic = infoData.vod_pic;
				var div_str = '<div class="col-md-3">' +
						'<div class="thumbnail">' +
						'<img src="'+vod_pic+'" typeid="'+type_id+'" vodid="'+vod_id+'" onclick="get_info_jump(this)" alt="图片正在赶来的路上..."' +
						'title="'+vod_name+'"class="u3_div_img" ><div class="caption">' +
						'<a onclick="get_info_jump(this)" typeid="'+type_id+'" vodid="'+vod_id+'" class="u3_div_text" title="' + vod_name +'"><p class="layui-elip">'+vod_name+'</p></a>' +
						'<p class="u3_div_text_p">' + vod_remarks + '</p>' +
						'</div>' + '</div>' + '</div>'
				$(".u3_div_mov").append(div_str);

			}

        };

        $(".type_title").click(function () {
        	title_value = $(this).attr("value");
        	url = "./dianshiju.html?title_value="+title_value +"&page=1";
        	location.href = url
        });


        function search_srt_isnull() {
            var search_str = $("#search_input").val();
            if (search_str == "" || search_str == null) {
                // alert("搜索内容不可为空")
                layer.msg('搜索内容不可为空', function () {
                    //关闭后的操作
                });
            } else {
                let title = $("#search_input").val();
                url = "./search.html?wd=" + title; //此处拼接内容
                window.location.href = url;
            }
        };

        $("#search_input_btn").click(function () {
            search_srt_isnull();
            return false;
        })

        // 回车事件
        $('#search_input').bind('keypress', function (event) {
            if (event.keyCode == "13") {
                search_srt_isnull();
                return false;
            }
        });





    })
</script>
</body>
</html>
